import React from 'react';
import { inject, observer } from 'mobx-react';
import './index.scss';
import { NavLink } from 'react-router-dom';

import ImageLoader from '../../../../../107/src/pages/Editor/node_modules/@src/imgs/ImageLoader'
import MeetingNav from '@src/components/MeetingNav'



//共用才提取 
@inject('meetingStore')
@observer
class CreateView extends React.Component {

    constructor(props) {
        super(props);
        this.state = {
            userList: []
        };
    }

    componentWillMount() {
        this.props.meetingStore.getCreateNavList();
    }

    //入口点击事件
    handlerEntryEachClick = (item) => {
        console.log(this.props.match.url, "==========this.props.match.url===========");
        this.props.history.push(this.props.match.url + item.pathTo);
    }

    render() {
        return (
            <div className="page_view_container w_page_center create-view">

                <ul className="nav_wrap">
                    {
                        this.props.meetingStore.createNavList && this.props.meetingStore.createNavList.map((item, index) => {
                            return (
                                <li kye={index} className="nav_each" onClick={() => { this.handlerEntryEachClick(item) }}>
                                    {item.title}
                                </li>
                            )
                        })
                    }
                </ul>

            </div>
        );
    }
}
export default CreateView;